@media (max-width: 1000px) {
  .welcome-message {
    display: none;
  }
}

.lightBoxGallery {
  text-align: center;
}

.lightBoxGallery img {
  margin: 5px;
}

.form-control[readonly]{
  cursor: text;
  background-color: #fff;
  opacity: 1;
}

.navbar-eventname{
  padding: 4px 12px;
  margin: 10px 5px 5px 5px;
  float: left;
  font-size: 22px;
}

#side-menu .fa{
  width: 13px;
}

.attendee-info dt, .attendee-info dd{
  line-height: 2.2em;
}

.qrcode table {
  border-width: 0;
  border-style: none;
  border-color: #0000ff;
  border-collapse: collapse;
  margin-bottom: 10px;
}

.qrcode td {
  border-left: solid 5px #000;
  padding: 0;
  margin: 0;
  width: 0px;
  height: 5px;
}

.qrcode td.black { border-color: #000; }
.qrcode td.white { border-color: #fff; }

.product-price {
  font-size: 12px;
  padding: 2px 12px;
  top: 0;
}

.event-box {
  height: 160px;
}

.event-items li{
  height: 25px;
  line-height: 25px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.event-items li i {
  width: 22px;
}

.event-new-btn {
  margin-top: 60px;
}

.clockpicker-button{
  color: black;
}

.clockpicker-button:hover{
  color: black;
}

.navbar-default .special_link a {
  background: #1A8469;
  color: white;
}

.scanner-input {
  margin-left: 20px;
  width: 320px;
  border: none !important;
  opacity: 0.01 !important;
}

.site-user-info li{
  height: 30px;
  line-height: 30px;
  font-size: 18px;
}

.img-preview-sm {
  width: 300px;
  height: 300px;
}

.attendee-avatar {
  max-width: 220px;
}

.dropzone-photo-preview{
  display: none;
}

.attendee-photo-col{
  width: 245px;
  float: left;
  margin-left: 10px;
  margin-right: 10px;
}


.photo-box {
  height: 380px;
}

.photo-imitation{
  text-align: center;
  background-color: lighten($gray, 2%);
  color: darken($gray, 20%);
  height: 245px;
  position: relative;
}

.photo-imitation img{
  max-width: 100%;
  max-height: 100%;
  overflow: hidden;
}

.photo-imitation .thumb{
  position: absolute;
  width: 60px;
  bottom: 0;
  right: 0;
  border:1px solid #ddd;
}

.site-table-avatar img{
  max-width: 30px;
}


